import { StyleSheet } from "react-native";

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingHorizontal: 44,
    paddingTop: 60,
    paddingBottom: 44,
  },
  header: {
    flexDirection: "row",
    alignItems: "center",
    marginBottom: 30,
  },
  logo: {
    width: 100,
    height: 100,
    alignSelf: "flex-start",
  },
  title: {
    fontSize: 24,
    fontWeight: "600",
    textAlign: "left",
    marginBottom: 8,
  },
  subtitle: {
    fontSize: 14,
    textAlign: "left",
    marginBottom: 10,
  },
  content: {
    flex: 1,
  },
  footer: {
    marginVertical: 20,
    alignItems: "center",
  },
  // 通用输入框样式
  input: {
    height: 48,
    borderWidth: 1,
    borderRadius: 8,
    paddingHorizontal: 16,
    fontSize: 16,
    marginBottom: 16,
  },
  // 通用按钮样式
  button: {
    height: 48,
    justifyContent: "center",
    alignItems: "center",
    borderRadius: 8,
  },
  buttonText: {
    fontSize: 16,
    fontWeight: "500",
  },
  disabledButton: {
    opacity: 0.6,
  },
  // 协议样式
  agreement: {
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "center",
    marginVertical: 16,
  },
  agreementText: {
    fontSize: 14,
  },
  link: {
    fontWeight: "500",
  },
  // 分隔线样式
  dividerContainer: {
    flexDirection: "row",
    alignItems: "center",
    width: "80%",
  },
  divider: {
    flex: 1,
    height: 1,
  },
  dividerText: {
    marginHorizontal: 8,
  },
  // 选项按钮样式
  optionButton: {
    paddingHorizontal: 10,
    borderWidth: 1,
    flexDirection: "row",
    borderRadius: 25,
    paddingVertical: 5,
  },
  optionIcon: {
    marginRight: 5,
  },
  optionText: {
    fontSize: 14,
  },
});

export default styles;
